
<template>
<div>
     <!-- <Button type="primary" @click="modal1 = true">Display dialog box</Button> -->
     <Modal v-model="mode" width="40%" title="公司详细信息" @change="testChange"  @on-cancel="cancel">
         <div class="userinfo">
             <p><span>公司编号：</span><a>{{PriceData.Id}}</a></p>
             <ul>
                 <li><span>红枣品种:</span><a>{{PriceData.TypeName}}</a></li>
                 <li><span>红枣等级：</span><a>{{PriceData.ClassName}}</a></li>
                 <li><span>红枣单价:</span><a>{{PriceData.UnitPrice}}</a></li>
                 <li><span>添加时间：</span><a>{{PriceData.AddTime}}</a></li>
                 <li><span>更新时间:</span><a>{{PriceData.UpdateTime}}</a></li>     
             </ul>
             
             <p><span>备注信息：</span><a>{{PriceData.Remark}}</a></p>
         </div>

        <!--  
        <p slot="header" style="color:#f60;text-align:center">
            <Icon type="information-circled"></Icon>
            <span>用户详情</span>
        </p>
        --> 

        <div slot="footer" >
            <!-- <Button type="error" size="large" long :loading="modal_loading" @click="del">Delete</Button> -->
        </div>
    </Modal>
</div>
</template>

<script>
import './user.less'
export default {
    name: 'Detail',
    data () {
        return {
          mode:this.visible,
        };
    },
    props:{
        visible:{
            type:Boolean ,
            required:true
        },
        PriceData:{
            type:Object,
            required:true 
        }
    },
    methods: {
       testChange(val){
        this.$emit('testChange',val);
       },
       cancel(){
          let data = {
            mode:false
          }
          this.$emit('cancelCallBack', data);
       },
     },
    mounted () {
    },
    watch: {
        visible(val) {
        this.mode = val
        
    }
}
}
</script>
